import React from 'react'
import './style.scss'
import HomeModHead from '../HomeModHeadNav'
import HomeModFlightItem from '../HomeModFlightItem'
import HomeModHotelItem from '../HomeModHotelItem'
import HomeModTextLinkItem from '../HomeModTextLinkItem'
import HomeModDujiaItem from '../HomeModDujiaItem'
import HomeModTravel from '../HomeModTravel'

function Index (props) {
  return (
    <div className="f-content">
      <div className="home-top">
      </div>

      {/* 机票 */}
      <div className="flight-mod home-mod">
        <div className="home-mod-hd">
          <HomeModHead/>
        </div>
        <div className="home-mod-bd">
          <ul>
            <li>
              <HomeModFlightItem/>
            </li>
          </ul>
        </div>
      </div>
      {/* 机票End */}

      {/* 酒店 */}
      <div className="hotel-mod home-mod">
        <div className="home-mod-hd">
          <HomeModHead/>
        </div>
        <div className="home-mod-bd">
          <ul>
            <li><HomeModHotelItem/></li>
          </ul>
        </div>
      </div>
      {/* 酒店End */}

      {/* 度假 */}
      <div className="onSale-mod home-mod">
        {/* 左栏 */}
        <div className="onSale-mod-left">
          {/* 头部 */}
          <div className="home-mod-hd">
            <HomeModHead/>
          </div>
          {/* 主体 */}
          <div className="home-mod-bd">
            {/* 右侧文字导航*/}
            <div className="home-mod-bd-left">
              <ul>
                <li><HomeModTextLinkItem/></li>
              </ul>
            </div>
            {/* 左侧卡片 */}
            <div className="home-mod-bd-right">
              <HomeModDujiaItem/>
            </div>
          </div>
        </div>
        {/* \左栏 */}

        {/* 右栏 */}
        <div className="onSale-mod-right">
          <p>广告推荐</p>
          <div>
            <img
              src="https://source.qunarzz.com/site/images/wns/20210319_qunar_dujia_p218x460.jpg"
              alt=""/>
          </div>
        </div>
        {/* \右栏 */}

      </div>
      {/* 度假End */}

      {/* 旅游攻略 */}
      <HomeModTravel/>
      {/* 旅游攻略End */}
    </div>
  )
}

export default Index
